<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/date_input.css">
	<link rel="stylesheet" type="text/css" href="../css/common-list.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
	<script src="../js/jquery-1.12.3.js"></script>
	<script src="../js/jquery.date_input.pack.js"></script>
	<header>
		<div class="header-con">
			<a class="navbar-header" href="">
				<img src="../images/logo.png" alt="">
			</a>
			<ul>
				<li>
					<a href="" class="open-menu">首页</a>
				</li>
				<li>
					<a href="">人资管理</a>
				</li>
				<li>
					<a href="">指标设置</a>
				</li>
				<li>
					<a href="">数据统计</a>
				</li>
				<li>
					<a href="">工作时设置</a>
				</li>
				<li>
					<a href="">财务管理</a>
				</li>
			</ul>
		</div>
		<div class="peo-message">
			<div class="peo-cir">
				<!-- <img src="" alt=""> -->
			</div>
			<em>黑披士</em>
			<span class="down-list"></span>
			<!-- <ul>
				<li>123</li>
			</ul> -->
		</div>
	</header>
	<div class="boxed clearfix">
		<div class="common-tit">
			<h2>商品设置</h2>
			<span>公司设置 > 课程设置</span>
		</div>
		<div class="ad-box">
			<div class="account-infor">
				<div class="atten-box clearfix">
					<div>学员设置<em></em></div>
					<div>课程设置<em></em></div>
					<div>商品设置<em></em></div>
					<div>人资设置<em></em></div>
					<div class="atten-sel">全局设置<em></em></div>
				</div>
				<h3>
					<em>*</em>
					<span>公司设置</span>
				</h3>
				<div class="comp-set">
					<input id="setCompany" type="text" placeholder="公司名称">
					<i>公司名称不能为空</i>
				</div>
				<h3>
					<span>年终奖设置</span>
				</h3>
				<div class="comp-setbox">
					<div class="comp-set">
						<div class="annual-bonus clearfix">
							<span>年终奖池:</span>
							<div class="bonus-con">
								<div class="sub-con">
									 <div class="test-check">
										<input type="checkbox" class="ck" id="bonusCheck">
										<div class="check">
											<span></span>
										</div>
									</div>
								</div>
								<em>开启</em>
								<input type="text" placeholder="整数" id="bonusNum">
								<i>勾选后必填！</i>
							</div>	
						</div>
						<div class="annual-bonus clearfix">
							<span>奖金领取要求:</span>
							<div class="bonus-con">
								<div class="bo-con">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<b>单月业绩／课消达标</b>
									<p>单月业务达标方可领取绩效/奖金</p>
								</div>
								<div class="bo-con">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<b>累计业务达标</b>
									<p>当月业务未达标，产生绩效/奖金，但不可领取，直至补全未达标业绩方可发放补全未达标业绩部分，不算到当月超出目标营业额部分</p>
								</div>
							</div>	
						</div>
					</div>	
				</div>
			</div>
			<div class="bonus-sbtn">保存</div>
		</div>	
	</div>
	
	<script src="../js/common-list.js"></script>
	<script>
		$(".bonus-sbtn").on("click", function() {
			var bonusT = true;
			if ($("#setCompany").val() == "") {
				$("#setCompany").css({
					"border" : "1px solid #ff5a60"
				});
				$("#setCompany").next("i").css({
					"display" : "inline"
				});
				bonusT = false;
			} else {
				$("#setCompany").css({
					"border" : "1px solid #9ea0b7"
				});
				$("#setCompany").next("i").css({
					"display" : "none"
				});
			}
			if ($("#bonusCheck").attr("checked") == "checked" && $("#bonusNum").val() == "") {
				bonus = false;
				$("#bonusNum").next("i").css({
					"display" : "inline"
				});
			} else {
				$("#bonusNum").next("i").css({
					"display" : "none"
				});
			}
			if (bonusT) {
				console.log("通过验证");
			};
		})
	</script>
</body>
</html>